<!DOCTYPE html>
<html>
<head>
	<title>Online Blog of Tinpham</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="author" content="7inpham">
	<meta name="description" content="Graphic design portfolio">
	
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
	
	<script src="js/jquery-1.9.1.min.js"></script>
	<script src="js/jquery.tinpham.js"></script>
	<script src="js/angular.min.js"></script>
	<script src="js/ng-blog.js"></script>
	<script>
		$(function() {
			$('a[href*=#]').markSmoothScroll();
			$('.scroll-top').markScrollTop();
		});
		
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		
		ga('create', 'UA-42456411-2', '7inpham.appspot.com');
		ga('send', 'pageview');
	</script>
</head>
<body ng-app="blog-app" ng-controller="BlogCtrl">
	<div id="header">
		<div id="nav">
			<a id="nav-item-home" href="index.html"><span class="tooltip">I'm Tinpham</span></a>
			<a id="nav-item-portfolio" href="portfolio.html"><span class="tooltip">My Portfolio</span></a>
			<a id="nav-item-blog" href="blog.html"><span class="tooltip">My Blog</span></a>
		</div>
	</div>
	
	<div class="wrapper">
		<div class="content-wrapper shadow-radius-border">
			<div class="article" ng-repeat="article in articles">
				<div class="article-meta">
					<p class="article-meta-date">{{article.date}}</p>
					<h1 class="article-meta-title"><a href="blog.html?id={{article.id}}">{{article.title}}</a></h1>
					<p class="article-meta-author">by <a href="blog.html?author={{article.author}}">{{article.author}}</a></p>
				</div>
				<p ng-bind-html-unsafe="article.meta" ng-hide="isDetail"></p>
				<div class="article-content" ng-show="isDetail" ng-bind-html-unsafe="article.content"></div>
				<div id="disqus_thread" ng-show="isDetail"></div>
			</div>
			<div class="center"><img src="image/waiting.gif" ng-show="isLoading"/></div>
			<div class="center"><a href="" ng-show="hasMore" ng-click="loadMore()">Read more</a></div>
			<div class="center"><a href="ajsadmin" ng-show="isDetail">Post your articles</a></div>
			<div class="scroll-top"><a href="#"><img src="image/scroll-top.png"></a></div>
		</div>
	</div>
	
	<div id="footer" ng-show="isDone">
		<p>SecretCuz &#169 2013 by <a href="mailto:7inpham@gmail.com">7inpham</a></p>
	</div>
</body>
</html>